body {
  margin: 0px;
  padding: 2rem;
}

table {
  padding: 1rem;
  line-height: 2rem;
  table-layout: fixed;
}

.up{
  text-align: right;
  margin: 1rem;
}

.down{
  text-align:center;
}

.down span{
  margin: 0px 1rem;
}

.intro{
  margin: auto;
  text-align: center;
  width: 50%;
}

.add {
  width: 50%;
}

.add h2{
margin-bottom: 2rem;
}

.add > div{
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.add label{
  width: 25rem;
  margin-right: 1rem;
}

.add >div> label>div>span{
  width: 8rem;
  text-align: center;
}


.add_btn{
  margin-top: 1rem;
  width: 50%;
  text-align: center;
  display: flex;
  justify-content: space-around;
}
